<script>
	import Vue from 'vue'
	export default {
		onLaunch: function() {
			uni.getSystemInfo({
				success: function(e) {
					Vue.prototype.StatusBar = e.statusBarHeight;
					let capsule = wx.getMenuButtonBoundingClientRect();
					if (capsule) {
						Vue.prototype.Custom = capsule;
						// Vue.prototype.capsuleSafe = uni.upx2px(750) - capsule.left + uni.upx2px(750) - capsule.right;
						Vue.prototype.CustomBar = capsule.bottom + capsule.top - e.statusBarHeight;
					} else {
						Vue.prototype.CustomBar = e.statusBarHeight + 50;
					}
				}
			})
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	
	/* colorui */
	@import '@/libraries/colorui/main.css';
	@import '@/libraries/colorui/icon.css';
	
	
	body {
		/* 按钮居中 */
		--button-left-len: 275rpx
	}
	
	
	// 设置整个项目的背景色
	page {
		background-color: #f5f5f5;
	}
	
	.full {
		width: 100vw;
		height: 100vh;
		overflow: scroll;
	}

	.example-info {
		font-size: 14px;
		color: #333;
		padding: 10px;
	}
	
	.bottom-btn {
		position: fixed;
		bottom: 100rpx;
		text-align: center;
		width: 100vw;
		z-index: 1;
		
		animation: button-show .4s, 100ms;
	}
	
	// 评论框，底部升起动画
	@keyframes commont-show {
		0% {
			transform: translateY(50rpx);
		}
		
		100% {
			transform: translateY(0rpx);
		}
	}
	
	// 底部按钮，底部升起动画
	@keyframes button-show {
		0% {
			transform: translateY(100rpx);
		}
		
		100% {
			transform: translateY(0rpx);
		}
	}
	
	.jump-animation {
	  animation: jump-and-bigger 1000ms linear both;
	}
	
	// 突出展示，跳一下，然后变为原来的1.2倍
	@keyframes jump-and-bigger {
	  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  3.4% { -webkit-transform: matrix3d(1.15, 0, 0, 0, 0, 1.15, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.15, 0, 0, 0, 0, 1.15, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  4.7% { -webkit-transform: matrix3d(1.221, 0, 0, 0, 0, 1.221, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.221, 0, 0, 0, 0, 1.221, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  6.81% { -webkit-transform: matrix3d(1.334, 0, 0, 0, 0, 1.334, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.334, 0, 0, 0, 0, 1.334, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  9.41% { -webkit-transform: matrix3d(1.452, 0, 0, 0, 0, 1.452, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.452, 0, 0, 0, 0, 1.452, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  10.21% { -webkit-transform: matrix3d(1.48, 0, 0, 0, 0, 1.48, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.48, 0, 0, 0, 0, 1.48, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  13.61% { -webkit-transform: matrix3d(1.551, 0, 0, 0, 0, 1.551, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.551, 0, 0, 0, 0, 1.551, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  14.11% { -webkit-transform: matrix3d(1.555, 0, 0, 0, 0, 1.555, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.555, 0, 0, 0, 0, 1.555, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  17.52% { -webkit-transform: matrix3d(1.549, 0, 0, 0, 0, 1.549, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.549, 0, 0, 0, 0, 1.549, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  18.72% { -webkit-transform: matrix3d(1.537, 0, 0, 0, 0, 1.537, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.537, 0, 0, 0, 0, 1.537, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  21.32% { -webkit-transform: matrix3d(1.504, 0, 0, 0, 0, 1.504, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.504, 0, 0, 0, 0, 1.504, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  24.32% { -webkit-transform: matrix3d(1.466, 0, 0, 0, 0, 1.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.466, 0, 0, 0, 0, 1.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  25.23% { -webkit-transform: matrix3d(1.457, 0, 0, 0, 0, 1.457, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.457, 0, 0, 0, 0, 1.457, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  29.03% { -webkit-transform: matrix3d(1.43, 0, 0, 0, 0, 1.43, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.43, 0, 0, 0, 0, 1.43, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  29.93% { -webkit-transform: matrix3d(1.427, 0, 0, 0, 0, 1.427, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.427, 0, 0, 0, 0, 1.427, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  35.54% { -webkit-transform: matrix3d(1.426, 0, 0, 0, 0, 1.426, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.426, 0, 0, 0, 0, 1.426, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  36.74% { -webkit-transform: matrix3d(1.428, 0, 0, 0, 0, 1.428, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.428, 0, 0, 0, 0, 1.428, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  41.04% { -webkit-transform: matrix3d(1.436, 0, 0, 0, 0, 1.436, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.436, 0, 0, 0, 0, 1.436, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  44.44% { -webkit-transform: matrix3d(1.439, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.439, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  52.15% { -webkit-transform: matrix3d(1.439, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.439, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  59.86% { -webkit-transform: matrix3d(1.439, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.439, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  63.26% { -webkit-transform: matrix3d(1.44, 0, 0, 0, 0, 1.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.44, 0, 0, 0, 0, 1.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  75.28% { -webkit-transform: matrix3d(1.441, 0, 0, 0, 0, 1.441, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.441, 0, 0, 0, 0, 1.441, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  85.49% { -webkit-transform: matrix3d(1.44, 0, 0, 0, 0, 1.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.44, 0, 0, 0, 0, 1.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  90.69% { -webkit-transform: matrix3d(1.44, 0, 0, 0, 0, 1.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.44, 0, 0, 0, 0, 1.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	  100% { -webkit-transform: matrix3d(1.44, 0, 0, 0, 0, 1.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.44, 0, 0, 0, 0, 1.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
	}
	
</style>
